Дизайн сайтов для увеличения трафика и конверсии

traffic.jpg

Генерация трафика и превращение его в конверсию (что это такое, читайте ниже) – главная задача маркетинговой стратегии онлайн-бизнеса. В наше время, когда все борются за клики и тратят огромное количество времени на то, чтобы поднять свои веб-сайты в топы поиска, очень важно понять, что же превращает посетителя в клиента. В этой статье я определю те качества, которые позволяют часто посещаемому сайту превратиться в сайт, который выжимает максимум выгоды из трафика – те качества, которые превращают посетителей в клиентов.

1.jpg

Кроме потрясающего дизайна, существует много факторов, которые определяют, удалось ли вам привлечь клиента. В конце концов, клиент может выйти из интернет-магазина гораздо быстрее, чем из обычного. Поэтому онлайн-бизнесы должны сосредоточиться на потребностях клиентов путем анализа следующих областей как части своей онлайн маркетинговой стратегии.

Конверсия

Веб-сайт может выглядеть многообещающим, но если у него низкая конверсия, то пора задуматься и подкорректировать свою стратегию. Что заставляет посетителей покидать сайт?

Что такое конверсия?

Если ваш сайт имеет большое количество посетителей, которые затем становятся клиентами, то ваш сайт имеет высокий коэффициент конверсии. Бывает наоборот: если сайт имеет высокий процент пользователей, которые покидают сайт почти сразу после того, как зашли.
Чтобы выяснить, почему некоторые сайты не настолько успешны, как другие, мы сначала рассмотрим дизайн сайта. Вот почему для бизнеса так важно вложить деньги в хорошего дизайнера – вам это окупится!

Факторы, влияющие на конверсию

Дизайн

при проектировании сайта, очень важно создать все условия для того, чтобы вашим клиентам было комфортно с вами работать. Если ваш проект выглядит устаревшим, или информация визуально правильно не организована, то посетителям будет трудно воспринимать этот сайт. На самом деле конверсия больше всего зависит от психологии посетителей. Даже если у вас все будет расположено правильно, но клиенту не понравится дизайн, или он не почувствовал безопасности ведения бизнеса с вами, он уйдет.

Призыв к действию

Обращать внимание на удобство работы для пользователей – значит обращать внимание на детали. Четкий призыв к действию имеет жизненно важное значение и должен соответствовать цели вашего сайта. Этот элемент должен гармонировать со всеми другими элементами на странице, например, заголовком и основным текстом с изображениям.

Wofoo
На этой странице пользователю предлагается два варианта действия, с большим акцентом на кнопку слева. Кнопки большие и их трудно не заметить. Но они не навязчивы по сравнению с общим дизайном

2.jpg

Spinens
Здесь простым и понятным языком пользователям объясняется, что произойдет при их действиях: в этом случае, нажатие на кнопку позволит им больше узнать о продукте.

3.jpg

Итальянский ресторан Avanti
Кнопки, побуждающие к действию, могут существенно различаться, в зависимости от того, чего вы хотите достичь. В случае с этим рестораном цель – заполучить как можно больше заказанных столиков.

4.jpg

Текст

Цель вашего сайта — продажа. Имея это в виду, вы должны оставить креативность в обмен на четкий, сжатый и убедительный текст. Вам нужно сразу добраться до сути вашего сообщения, до того, как посетитель уйдет с сайта.

  • Каждое предложение на странице должно служить цели, которая поддерживает призыв к действию.
  • Если вы не обозначите все действия для пользователя, то он и не поймет, что ему делать. Пишите четче!
  • Как можно больше сократите ваш текст, побуждайте посетителей ответить на ваш призыв к действию как можно скорее.

Five Simple Steps
Простой, четкий подход показан на веб-сайте, посвященном книгам.. Дизайн представляет четкий каталог, с заголовком, автором, и короткими описаниями, а затем идет призыв к действию.

5.jpg

Basecamp
Заголовок для Basecamp – вот решение для вашего продукта, а подзаголовок только поможет вам. Яркий, заметный призыв к действию привлекает внимание посетителей, заставляя их действовать немедленно.

6.jpg

StoreEnvy
Копирайтинг на StoreEnvy дает четкое представление о преимуществах использования сервиса за счет использования простых списков. Призыв к действию ярко отображен по центру. Заголовок связывает все вместе, в простой форме давая информацию о сервисе.

7.jpg

A/B тестирование

Дизайну часто нужно пройти несколько стадий проверки до создания успешного сайта. Простой метода определения, какой дизайн способствует большей конверсии – А/В тестирование. А/В тестирование, или сплит тестирование, является методом маркетингового тестирования, в котором две версии одного продукта сравниваются по метрическим шкалам, чтобы определить, какой из них более успешен. Эти версии проходят тестирование одновременно, чтобы определить, какая лучше.
Конверсии измеряются двумя разными группами пользователей. Более эффективная версия затем используется в работе маркетинговых компаний. В результате выявляются наиболее часто используемые пользователями продукты, чего не всегда удается достичь, полагаясь лишь на инстинкт.

8.jpg

А/ B тестирование может быть использовано на огромном числе элементов дизайна. Например, если вы хотите проверить эффективность кнопки призыва к действию, проведите тест А / В на новую версию, чтобы увидеть, какая из них является более успешной. Это будет особенно полезно, если вашей целью является увеличение числа переходов по ссылке, так как вы получите представление о том, что мешает увеличению конверсии.

Исследование ситуации: Google Website Optimizer

Даже добавление двух простых слов рядом с вашим призывом к действию может иметь резкие последствия для рейтинга переходов, как выяснилось в этом А/В тесте. Полный текст исследования можно почитатьздесь (на англ. яз.).

9.jpg

Отзывы клиентов

Еще один способ заручиться доверием — показать посетителям, как люди извлекли выгоду из ваших продуктов или услуг. Подумайте, бывали ли в вашей жизни случаи, когда вы отказались от покупки, потому что не нашли отзывов. Отзывы отставляют впечатление, что вы открыты для обратной связи с клиентами, и это вызывает чувство доверия. Даже если у вас пока нет отзывов, оставьте на вашем сайте место, предназначенное для них.

10.jpg

Как лучше оформить комментарии:

  • Расположите их вверху страницы
  • Сделайте их достаточно большими и заметными
  • Обеспечьте визуальное представление рейтинга (например, система звездочек)
  • Расположите отзывы вблизи кнопки призыва к действию.

Также подумайте о добавлении ссылки на ваш LinkedIn профиль и другие социальные сети. Чем больше соцсетей, тем выше фактор доверия, который может повысить коэффициент конверсии.

Заключение

Интернет изменил взаимодействие бизнеса и клиента навсегда. Самое замечательное, что всегда можно оперативно среагировать и вовремя усовершенствоваться. Интересно, сколько денег вы теряете каждый месяц, не реализовывая весь потенциал вашего сайта?

Пора взглянуть критично на свой дизайн, и совершить выгодные преобразования.

via

КОММЕНТАРИИ
  1. Спасибо. я теперь поняла почему у меня на сайте куча кнопок от соцсетей. И пересмотрела некоторые аспекты на сайте. И еще можно подумать о качестве и количестве кнопок. А Вот рукоположение комментоВ В начале страницы Вообще на мой Взгляд революционно, а главное действенно. спасибо

  2. Спасибо интересная статья. Еще можно разместить модуль обратного звонка, для удобства пользователя. А про призывы к действию, согласен, они должны быть но не навязчивые.

  3. Да нет просто заходят то заходят но видать дизайна пугаются )) Ты не мог бы сказать у меня дизайн сайта не очень отстойный?

  4. А как заставить читателей оставить комментарий на сайте? Че то у меня с этим проблемы (((

  5. Спасибо за честность, а то достали мямлить что типа сойдет на первое время и т.д и т.п ))

  6. Михаил, давно хочется вас попросить, если это возможно, в вашем блоге реализовать листалку от статьи к статье в каждой категории. Так было бы его читать намного удобнее :). Сорри, что не в тему.

  7. Тогда Михаил, на вашем месте, я бы приняла это как самый большой комплимент! Это здорово, когда на твои дизайны начинают ориентироваться, при создании своих собственных.

  8. Ринат1994, ваш дизайн мне почему-то смутно напоминает дизайн этого сайта, это совпадение?) Не сочтите мой вопрос обидным. Просто раз уже вы завели тему.

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *